<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>20190902-bluej26-manuscripts</title>
		<link rel="icon" type="text/css" href="./img/ma.ico"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
	</head>
	<body>
		<style type="text/css">
			@font-face {
				font-family:myfont;
				src: url("./font/RAVIE.TTF");
				/*font-family: MyFont;
				src: url("./font/STXINGKA.TTF");*/
			}
			.lzheader{
				font-family: myfont;
				align-content: center;
			}
			/*a{
				font-family: MyFont;
				align-content: center;
			}*/
		</style>
		<div id="lzheader">
			<h1 align="center"><img src="img/icon.ico" align="center"/>&nbsp;lvzhao810-manuscripts</h1>
		</div>
		
		<div class="lznav">
			<table border="1px" cellspacing="" cellpadding="" align="center">
				<tr>
					<th><a href="" class="newHw">manuscripts</a></th>
					<th><a href="http://html5book.bluej.cn/#/" class="newCourse">course</a></th>
					<th><a href="https://lvzhao810.github.io/" class="newnNotes">blogs</a></th>
				</tr>	
			</table>
		</div>
			<div id="motto">
				<h2>座右铭：</h2>
				<h4>云破日出，你是那道光束 ☀</h4>
				<h4>世界那么美我想和你去看看 ❦</h4>
				<h4>记录生活的点滴，从代码开始 ✍</h4>
			</div>
			<div class="rtimg"><img src="img/header.gif"/></div>
			<hr width="80%"/>
			<div class="note">
			<!--<span>♪</span><span>♫</span><span>♫</span>-->
			<span>♪</span><span>♫</span><span>♫</span><span>♪</span><span>♫</span><span>♫</span><span>♪</span><span>♫</span><span>♫</span><span>♪</span><span class="misic"><a href="https://music.163.com/" target="_blank"> ⊱  MUSIC ⊰ </a></span><span>♫</span><span>♪</span><span>♫</span><span>♫</span><span>♪</span><span>♫</span><span>♫</span><span>♪</span><span>♫</span><span>♫</span>
			<!--<span>♪</span><span>♫</span><span>♫</span>-->
			</div>
			<hr width="80%"/>
			<hr width="80%"/>
		<div class="lzbody">
			<ol>
				<div class="lfimg"><img src=""/></div>
				<li><h3>项目展示</h3>
				</li>
				<li><h4>2019.02-2019.03</h4>
					<dt>
						<ul type="disc"><li><a href="http://layabox.com/" target="_blank">☣ Bootstrp-Layabox响应式网站</a></li></ul>
					</dt>
				</li>
				<li><h4>2019.04-2019.05</h4>
					<dt>
						<ul type="disc"><li><a href="http://zhao810.gitee.io/kugou520/" target="_blank">☣ Swiper-酷狗猜歌（移动端）</a></li></ul>
					</dt>
				</li>
				<li><h4>2019.06-2019.07</h4>
					<dt>
						<ul type="disc"><li><a href="http://zhao810.gitee.io/vue-music163" target="_blank">☣ Vue-cli-网易云（移动端）</a></li></ul>
					</dt>
				</li>
				<li><h4>2019.09-2019.10</h4>
					<dt>
						<ul type="disc"><li><a href="http://zhao810.gitee.io/lottery" target="_blank">☣ 抽奖模块（网页）</a></li></ul>
					</dt>
				</li>
				<li><h4>2019.010-2019.11</h4>
					<dt>
						<ul type="disc"><li><a href="http://zhao810.gitee.io/smallgame" target="_blank">☣ 记忆力小游戏（移动端）</a></li></ul>
					</dt>
				</li>
				<li><h3>手稿</h3>
				<li><h4>20190902</h4>
					<dt>
						<ul type="disc"><li><a href="链接和图像.html" target="_blank">☣ 链接和图像</a></li></ul>
					</dt>
				</li>
				
				<li><h4>20190903</h4>
					<dt>
						<ul type="disc"><li><a href="table&个人主页.html" target="_blank">☣ table&个人主页</a></li></ul>
					</dt>
				</li>
				
				<li><h4>20190904</h4>
					<dt>
						<ul type="disc"><li><a href="列表练习.html" target="_blank">☣ 列表</a></li></ul>
					</dt>
					<dt>
						<ul type="disc"><li><a href="表格&课程表.html" target="_blank">☣ 表格&课程表</a></li></ul>
					</dt>
				</li>
				
				<li><h4>20190906</h4>
					<dt>
						<ul type="disc"><li><a href="选择器&伪类使用练习.html" target="_blank">☣ 选择器&伪类使用</a></li></ul>
					</dt>
				</li>
				
				<li><h4>20190907</h4>
					<dt>
						<ul type="disc"><li><a href="文本溢出&盒子模型.html" target="_blank">☣ 文本溢出&盒子模型</a></li></ul>
					</dt>
				</li>
				
				<li><h4>20190909</h4>
					<dt>
						<ul type="disc"><li><a href="定位&层级.html" target="_blank">☣ 定位-层级</a></li></ul>
					</dt>
				</li>
				
				<li><h4>20190910</h4>
					<dt>
						<ul type="disc"><li><a href="电影布局.html" target="_blank">☣ 电影布局</a></li></ul>
					</dt>
				</li>
				
				<li><h4>20190911</h4>
					<dt>
						<ul type="disc"><li><a href="导航条.html" target="_blank">☣ 导航条</a></li></ul>
					</dt>
					<dt>
						<ul type="disc"><li><a href="中秋佳节过渡动画01.html" target="_blank">☣ 中秋佳节过渡动画01</a></li></ul>
					</dt>
					<dt>
						<ul type="disc"><li><a href="中秋佳节过渡动画02.html" target="_blank">☣ 中秋佳节过渡动画02</a></li></ul>
					</dt>
					<dt>
						<ul type="disc"><li><a href="手风琴静态.html" target="_blank">☣ 手风琴静态</a></li></ul>
					</dt>
					<dt>
						<ul type="disc"><li><a href="手风琴动态.html" target="_blank">☣ 手风琴动态</a></li></ul>
					</dt>
				</li>
				
				<li><h4>20190912 : <h5>静态鼎搜网网页：</h5></h4>
					<dt>
						<ul type="disc"><li><a href="http://zhao810.gitee.io/201909-bluej26-project-lvzhao/" target="_blank">☣ 鼎搜网首页</a></li></ul>
					</dt>
				</li>
				
				<li><h4>20190917</h4>
					<dt>
						<ul type="disc"><li><a href="小女孩序列帧动画.html" target="_blank">☣ 小女孩序列帧动画</a></li></ul>
					</dt>
				</li>
				
				<li><h4>20190917</h4>
					<dt>
						<ul type="disc"><li><a href="旋转正方体.html" target="_blank">☣ 旋转正方体</a></li></ul>
					</dt>
					<dt>
						<ul type="disc"><li><a href="旋转牌坊.html" target="_blank">☣ 旋转牌坊</a></li></ul>
					</dt>
					<dt>
						<ul type="disc"><li><a href="旋转风车.html" target="_blank">☣ 旋转风车</a></li></ul>
					</dt>
					<dt>
						<ul type="disc"><li><a href="旋转风车-牌坊-正方体.html" target="_blank">☣ 旋转风车-牌坊-正方体</a></li></ul>
					</dt>
				</li>
				<li><h4>20190919</h4>
					<dt>
						<ul type="disc"><li><a href="(LOADING)文字有层次跳动.html" target="_blank">☣ (LOADING)文字有层次跳动</a></li></ul>
					</dt>
					<dt>
						<ul type="disc"><li><a href="右侧导航栏.html" target="_blank">☣ 右侧导航栏</a></li></ul>
					</dt>
					<dt>
						<ul type="disc"><li><a href="有层次跳动导航栏.html" target="_blank">☣ 有层次跳动导航栏</a></li></ul>
					</dt>
				</li>
				<li><h4>20190921 : <h5>敦冠科技网页：</h5></h4>
					<dt>
						<ul type="disc"><li><a href="http://zhao810.gitee.io/20190921-bluej26-project02-dunguan-lvzhao" target="_blank">☣ 敦冠科技首页</a></li></ul>
					</dt>
				</li>
				<li><h4>20190927 : <h5>省广官网-移动端：</h5></h4>
					<dt>
						<ul type="disc"><li><a href="http://zhao810.gitee.io/20190927-bluej26-project03-shengguangmobile" target="_blank">☣ 省广官网首页</a></li></ul>
					</dt>
				</li>
				<li><h4>20191010 : <h5>Laya游戏引擎（响应式布局）：</h5></h4>
					<dt>
						<ul type="disc"><li><a href="http://zhao810.gitee.io/20191010-bluej26-project04-layabox" target="_blank">☣ Laya游戏引擎首页</a></li></ul>
					</dt>
				</li>
				<li><h4>20191109 : <h5>网易云热歌榜列表：</h5></h4>
					<dt>
						<ul type="disc"><li><a href="neteaseCloud.html" target="_blank">☣ 网易云热歌榜</a></li></ul>
					</dt>
				</li>
			</ol>
			<!--<div class="camaro"><img src="img/Sony相机png.png" alt="相机" /></div>-->
		</div>
	<div class="footerTop">
		<p>
			<!--<a href="" style="color: red;">↑TOP</a>-->
			<a href="#lzheader" style="color: red;"><img src="img/footedTop.png" width="50px"/></a>
		</p>
	</div>	
	</body>
</html>
